﻿/*
    浙大网新易盛公司门户网站样式文件
    作者：mmcai（蔡猛）
    创建时间：2014-7-24
    最后一次更新时间：2014-7-24
    更新介绍：公司网站登录页面样式
    E-mail：mmcai1013@hotmail.com
    webSite：www.mmcai.cn
    work： http://www.insigma.com.cn/   
*/
/*#region 主页面头部 Header*/
.header {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 84px;
    border-bottom: 2px solid #10619A;
}

    .header h1 {
        position: absolute;
        z-index: 8;
        left: 12px;
        top: 12px;
        z-index: 10;
        color: #fff;
    }

        .header h1 a {
            display: block;
        }

        .header h1 img {
            margin: 5px 0 0 0;
        }

    .header .system-box {
        position: absolute;
        top: 15px;
        left: 180px;
        z-index: 100;
    }

        .header .system-box > a {
            color: #fff;
            font-size: 16px;
        }

    .header .component {
        z-index: 100;
        position: absolute;
        left: 200px;
        top: 15px;
        z-index: 8000;
    }

        .header .component > li {
            float: left;
            margin: 1px 3px 0;
        }

    .header .pn1 {
        opacity: 0.3;
        color: #fff;
    }

    .header .user {
        font-weight: 700;
        letter-spacing: 1px;
    }

    .header .msg {
        position: relative;
    }

    .header .msg-num {
        position: absolute;
        top: -8px;
        right: -8px;
        width: 15px;
        height: 15px;
        line-height: 15px;
        text-align: center;
        border-radius: 50%;
        background-color: #ff6c60;
    }

    .header li a {
        display: inline-block;
        padding: 1px 3px;
        color: #fff;
        border-radius: 2px;
    }

        .header li a:hover {
            background-color: #0f6099;
        }
/*#endregion */

/* #region =====navTab=====*/
.navtab {
    position: absolute;
    left: 200px;
    top: 51px;
    height: 38px;
    z-index: 120;
}

    .navtab .tabsnav {
        overflow: hidden;
        min-width: 121px;
        max-width: 1095px;
        height: 38px;
    }

    .navtab ul {
        width: 100%;
    }

        .navtab ul:after, .navtab ul:before {
            display: table;
            content: "";
        }

        .navtab ul:after {
            clear: both;
        }

    .navtab li {
        float: left;
        border-radius: 3px 3px 0 0;
        border-right: 1px solid #D2DFE8;
        overflow: hidden;
        margin-bottom: 10px;
    }

        .navtab li:last-child {
            border: none;
        }

            .navtab li:last-child a {
                padding-right: 35px;
            }

                .navtab li:last-child a i.close {
                    right: 15px;
                }

    .navtab a {
        position: relative;
        display: block;
        padding: 7px 28px 8px 20px;
        border-radius: 3px 3px 0 0;
        border: 1px solid #f8fafc;
        color: #333;
        background: #fff url(../imgs/bg_sprite.png) repeat-x 0 -448px;
    }

    .navtab li a {
        width: 70px !important;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: center;
    }

    .navtab a i.fa {
        font-size: 14px;
        margin: 0 5px 0 0;
        color: #0F6099;
    }

    .navtab a i.close {
        position: absolute;
        right: 5px;
        top: 8px;
        height: 12px;
        line-height: 12px;
        width: 12px;
        text-align: center;
        font-size: 16px;
        border: 1px solid transparent;
        border-radius: 50%;
        color: #99B3C9;
    }

    .navtab a.active {
        border-color: #0F6099;
        color: #fff;
        background: url(../imgs/bg_sprite.png) no-repeat -208px -496px;
    }

        .navtab a.active .fa {
            color: #fff;
        }

    .navtab a:hover {
        border-color: #f8fafc;
    }

    .navtab a.active:hover {
        border-color: #0F6099;
        color: #fff;
        background: url(../imgs/bg_sprite.png) no-repeat -208px -496px;
    }

    .navtab a:hover i {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        border-color: #99B3C9;
    }

    .navtab .nav-btn {
        display: block;
        position: absolute;
        top: 4px;
        z-index: 120;
        width: 15px;
        height: 15px;
        padding: 5px 0;
        text-align: center;
        line-height: 13px;
        font-size: 14px;
        cursor: pointer;
        border-radius: 0px;
        background: none;
        border: none;
        display: none;
    }

        .navtab .nav-btn i.fa {
            color: #99B3C9;
        }

        .navtab .nav-btn:hover i.fa {
            color: #0F6099;
        }

    .navtab .nav-prev {
        left: 0px;
        border-radius: 0 2px 2px 0;
    }

    .navtab .nav-next {
        right: 0px;
        border-radius: 2px 0 0 2px;
    }

/*#endregion */

/*#region =====侧边栏=====*/
.nav {
    position: absolute;
    left: 0px;
    top: 86px;
    bottom: 0px;
    width: 200px;
    z-index: 100;
    border-right: 1px solid #C3CED5;
    overflow: hidden;
}

.navTitle {
}

.navTop {
}

.navTree {
    position: relative;
    height: 100%;
    width: 200px;
    overflow: hidden;
    overflow-y: auto;
}
/*#endregion */

/*#region =====主要内容=====*/
.page-wraper {
    padding: 20px;
}

.main {
    position: absolute;
    left: 201px;
    top: 86px;
    right: 0px;
    bottom: 0px;
    background-color: #fff;
    z-index: 110;
    overflow: hidden;
}

/*后台首页*/
.defaultPanel {
    padding: 20px;
    background: #fff;
    z-index: 9000;
    top: 0px !important;
}

    .defaultPanel h1 {
        font-size: 24px;
        margin: 20px 0 10px;
    }

.page-panel {
    position: absolute;
    top: 10px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    padding: 20px;
    display: none;
}

.iframe-panel {
    width: 100%;
    height: 100%;
}
/**/

.page-list, .page-table, .page-form, .page-search, .page-pagination, .page-heading {
    margin: 0 0px 20px;
}

.top-skin {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 84px;
    z-index: 1;
    background: -webkit-linear-gradient(top,#196eac 0,#7fb4d9 100%);
    background: -moz-linear-gradient(top,#196eac 0,#7fb4d9 100%);
    background: -ms-linear-gradient(top,#196eac 0,#7fb4d9 100%);
    background: -o-linear-gradient(top,#196eac 0,#7fb4d9 100%);
    background: linear-gradient(top,#196eac 0,#7fb4d9 100%);
    overflow: hidden;
}

.skin-top-inner {
    display: block;
    height: 100%;
    background: -webkit-linear-gradient(left,RGBA(255,255,255,0) 0,#CAE0F1 50%,RGBA(255,255,255,0) 100%);
    background: -moz-linear-gradient(left,RGBA(255,255,255,0) 0,#CAE0F1 50%,RGBA(255,255,255,0) 100%);
    background: -ms-linear-gradient(left,RGBA(255,255,255,0) 0,#CAE0F1 50%,RGBA(255,255,255,0) 100%);
    background: -o-linear-gradient(left,RGBA(255,255,255,0) 0,#CAE0F1 50%,RGBA(255,255,255,0) 100%);
    background: linear-gradient(left,RGBA(255,255,255,0) 0,#CAE0F1 50%,RGBA(255,255,255,0) 100%);
}

.skin-top-inner2 {
    display: block;
    height: 100%;
    background: -webkit-linear-gradient(top,#0060B6 0,RGBA(255,255,255,0) 100%);
    background: -moz-linear-gradient(top,#0060B6 0,RGBA(255,255,255,0) 100%);
    background: -ms-linear-gradient(top,#0060B6 0,RGBA(255,255,255,0) 100%);
    background: -o-linear-gradient(top,#0060B6 0,RGBA(255,255,255,0) 100%);
    background: linear-gradient(top,#0060B6 0,RGBA(255,255,255,0) 100%);
    opacity: .4;
}

.top-skin-right {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 400px;
    height: 84px;
    z-index: 11;
    background: url(../imgs/bg_header.png) right 0 no-repeat;
}

body.frame {
    background: url(../imgs/body.jpg) 0 86px no-repeat;
    min-width: 1000px;
    overflow: hidden;
    overflow-y: auto;
}


#frame {
}

/*#endregion */

/*===page404===*/
.page404 {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    width: 707px;
    height: 290px;
    background: url(../imgs/404.png) 0 0 no-repeat;
}

    .page404 a {
        display: block;
        width: 127px;
        height: 50px;
        cursor: pointer;
        border-radius: 3px;
        line-height: 0px;
        font-size: 0px;
        position: absolute;
        top: 206px;
    }

    .page404 .returnhome {
        left: 204px;
    }

    .page404 .returnback {
        left: 355px;
    }


/*====内页样式====*/
body.inner {
    position: relative;
    padding-top: 60px;
}

/*====内页控制按钮层====*/
.table-controls {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 39px;
    background: #fff;
    -webkit-box-shadow: 1px 2px 6px RGBA(0,0,0,.1);
    -moz-box-shadow: 1px 2px 6px RGBA(0,0,0,.1);
    -ms-box-shadow: 1px 2px 6px RGBA(0,0,0,.1);
    -o-box-shadow: 1px 2px 6px RGBA(0,0,0,.1);
    box-shadow: 1px 2px 6px RGBA(0,0,0,.1);
    z-index: 1000;
}

    .table-controls .pull-left {
        margin-left: 10px;
    }

    .table-controls .pull-right {
        margin-right: 10px;
    }

/*====登陆页====*/
.login {
    width: 100%;
    height: 100%;
}

    .login body {
        width: 100%;
        height: 100%;
    }

.login-skin01, .login-skin02 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
}

.login-skin01 {
    background: -webkit-linear-gradient(left,RGBA(255,255,255,0) 0,#CAE0F1 50%,RGBA(255,255,255,0) 100%);
    background: -moz-linear-gradient(left,RGBA(255,255,255,0) 0,#CAE0F1 50%,RGBA(255,255,255,0) 100%);
    background: -ms-linear-gradient(left,RGBA(255,255,255,0) 0,#CAE0F1 50%,RGBA(255,255,255,0) 100%);
    background: -o-linear-gradient(left,RGBA(255,255,255,0) 0,#CAE0F1 50%,RGBA(255,255,255,0) 100%);
    background: linear-gradient(left,RGBA(255,255,255,0) 0,#CAE0F1 50%,RGBA(255,255,255,0) 100%);
}

.login-skin02 {
    background: -webkit-linear-gradient(top,#0060B6 0,RGBA(255,255,255,0) 100%);
    background: -moz-linear-gradient(top,#0060B6 0,RGBA(255,255,255,0) 100%);
    background: -ms-linear-gradient(top,#0060B6 0,RGBA(255,255,255,0) 100%);
    background: -o-linear-gradient(top,#0060B6 0,RGBA(255,255,255,0) 100%);
    background: linear-gradient(top,#0060B6 0,RGBA(255,255,255,0) 100%);
    opacity: .5;
}

.login-content {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 400px;
    height: 450px;
    margin: auto;
    z-index: 100;
}

.login-title {
    text-align: center;
    font-size: 24px;
    color: #fff;
    padding: 0px 0 40px;
    height: 30px;
    line-height: 30px;
}

.login-content-inner {
    width: 100%;
    height: 350px;
    background: #f9fafc;
    padding: 20px 30px 0;
    box-sizing: border-box;
    border-radius: 3px;
}

    .login-content-inner h4 {
        text-align: center;
        color: #1b69a1;
        font-size: 24px;
        font-weight: 300;
        margin-bottom: 25px;
    }

.login-content .form-group {
    margin-bottom: 20px;
}

.login-content .control-label {
    display: none;
}

.login-content .form-control {
    width: 100%;
    height: 40px;
    border: 1px solid #e2e2e2;
    padding: 6px 12px;
    box-sizing: border-box;
    background: #fff;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
}

    .login-content .form-control:focus {
        border-color: #73B8EB;
        box-shadow: rgba(66,139,202,0.15) 3px 5px 5px inset;
    }

.login-content .form-actions {
    font-size: 13px;
}

    .login-content .form-actions .btn {
        padding: 12px 24px;
        font-size: 14px;
        background: #147DC7;
        color: #fff;
        border-radius: 2px;
        margin: 0px 30px 0 0;
        border: none;
        cursor: pointer;
        box-sizing: border-box;
        width: 100%;
        font-family: "Microsoft YaHei";
    }

        .login-content .form-actions .btn:hover {
            background: #2598E9;
        }

.login-content .rememberMe {
    float: left;
    padding: 7px 0 20px 0;
}

    .login-content .rememberMe input {
        margin: -2px 4px 0 0;
    }

.login-content .forgetpwd {
    float: right;
    margin: 6px 0 0 0;
    color: #2598E9;
}

    .login-content .forgetpwd:hover {
        color: #0060B6;
        text-decoration: underline;
    }

/*#region =====单点登录的选择=====*/

.frame-choose {
    display: none;
}

.frame-mask {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9000;
    opacity: 0.75;
    text-align: center;
}

.frame-mask-content {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 400px;
    height: 400px;
    margin: auto;
    z-index: 9100;
}

    .frame-mask-content li {
        float: left;
        margin: 0 17px 30px 16px;
    }

    .frame-mask-content a {
        display: block;
        width: 100px;
        height: 100px;
        background: #f5f5f5;
        color: #fff;
        padding: 15px 20px 10px;
        box-sizing: border-box;
        font-size: 15px;
        text-align: center;
        border-radius: 3px;
    }

        .frame-mask-content a i {
            font-size: 56px;
            display: block;
            text-align: center;
        }

        .frame-mask-content a span {
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.color-green a {
    background: #16a085;
}

    .color-green a:hover {
        background: #1abc9c;
    }

.color-nephritis a {
    background: #27ae60;
}

    .color-nephritis a:hover {
        background: #2ecc71;
    }

.color-belize-hole a {
    background: #2980b9;
}

    .color-belize-hole a:hover {
        background: #3498db;
    }

.color-wisteria a {
    background: #8e44ad;
}

    .color-wisteria a:hover {
        background: #9b59b6;
    }

.color-midnight-blue a {
    background: #2c3e50;
}

    .color-midnight-blue a:hover {
        background: #34495e;
    }

.color-orange a {
    background: #f39c12;
}

    .color-orange a:hover {
        background: #f1c40f;
    }

.color-pumpkin a {
    background: #d35400;
}

    .color-pumpkin a:hover {
        background: #e67e22;
    }

.color-pomegranate a {
    background: #c0392b;
}

    .color-pomegranate a:hover {
        background: #e74c3c;
    }

.color-silver a {
    background: #bdc3c7;
    color: #515151;
}

    .color-silver a:hover {
        background: #ecf0f1;
        color: #313131;
    }

.color-asbestos a {
    background: #7f8c8d;
}

    .color-asbestos a:hover {
        background: #95a5a6;
    }

/*#endregion ====系统选择====*/

/*#region ====首页的遮罩面板===*/
.masklayer-box {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9100;
    display:none;
}

.masklayer-inner {
    position: absolute;
    width: 100%;
    height: 40px;
    line-height: 40px;
    left: 0px;
    top: 50%;
    margin-top: -30px;
    z-index: 9200;
    text-align:center;
}

    .masklayer-inner * {
        vertical-align: middle;
    }

    .masklayer-inner img {
        display: inline-block;
    }

.masklayer-skin {
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .8;
}
/*#endregion */
